<template>
	<div>
		<el-form>
			<el-form-item
				label="email">
				<el-input v-model="form.email" type="email" :autocomplete="`${new Date().getTime()}`" ></el-input>
			</el-form-item>
			<el-form-item
				label="build">
				<el-input v-model="form.build" type="tel" :autocomplete="`${new Date().getTime()}`" ></el-input>
			</el-form-item>
			<el-form-item
				label="floor">
				<el-input v-model="form.floor" :autocomplete="`${new Date().getTime()}`" ></el-input>
			</el-form-item>
			<el-form-item
				label="floor2">
				<el-input v-model="form.floor2" :autocomplete="`${new Date().getTime()}`" ></el-input>
			</el-form-item>
			<el-form-item
				label="room">
				<el-input v-model="form.room" :autocomplete="`${new Date().getTime()}`" ></el-input>
			</el-form-item>
		</el-form>
        <el-button @click="nextPage">提交</el-button>
	</div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router';

const router = useRouter()
const form = ref({
	email: '',
	build: '',
    floor: '',
    floor2: '',
    room: '',
});
const nextPage = () => {
    router.push({name: 'login-success-page'})
};
</script>

<style lang="scss" scoped></style>
